/*Generated by wjdhcms 3.0 */



@charset "utf-8";



/*-----------公用-----------*/



::selection {

 background-color: #1d72e7;

 color: #fff;

}



::-moz-selection {

 background-color: #1d72e7;

}



::-webkit-selection {

 background-color: #1d72e7;

}



::-webkit-scrollbar {

 width: 8px;

 height: 8px;

 background-color: #F5F5F5

}



::-webkit-scrollbar-track {

 border-radius: 10px;

 background-color: #E2E2E2

}



::-webkit-scrollbar-thumb {

 border-radius: 10px;

 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

 background-color: #555

}

* {

  padding: 0;

  margin: 0;

  font-family: "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}

body {

  font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

  color: #333;

  margin: 0;

  line-height: 1.5;

}

:focus {

  outline: 1;

}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {

  display: block;

}

a {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  vertical-align: baseline;

  background: transparent;

}

ins {

  background-color: #ff9;

  color: #000;

  text-decoration: none;

}

mark {

  background-color: #ff9;

  color: #000;

  font-style: italic;

  font-weight: bold;

}

del {

  text-decoration: line-through;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #cccccc;

  margin: 1em 0;

  padding: 0;

}

input, select {

  vertical-align: middle;

}

li, ul {

  list-style-type: none;

}

img {

  border: none;

}

a {

  color: #333;

  text-decoration: none;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}

a:link, a:hover, a:active, a:visited {

  text-decoration: none;

}

input, textarea {

  outline: 0;

  border: 0;

}

textarea {

  resize: none;

}

h1, h2, h3, h4, h5, h6, dl, dd, dt, i, em {

  font-weight: normal;

  font-style: normal;

}





.container { width:1180px; margin-left:auto; margin-right:auto;}

{font-family: "微软雅黑" Arial, Helvetica, sans-serif;}





/*--baner begin--*/

.banner {

  width: 100%;

  position: relative;

  height:460px;

  margin: 0 auto;

  background: transparent;

  display: block;

}

.banner .bd {

  margin: 0 auto;

  height: 100%;

  position: relative;

  z-index: 0;

}

.banner .bd ul {

  height: 100%;

  width: 100%;

}

.banner .bd li {

  height: 100%;

  overflow: hidden;

  text-align: center;

  background-position: center;

  background-repeat: no-repeat;

  width: 100%;

}

.banner .bd li a {

  display: block;

  height: 100%;

  width: 100%;

}

.banner .hd {

  width: 100%;

  position: absolute;

  z-index: 1;

  bottom: 0;

  left: 0;

}

.banner .hd ul {

  text-align: center;

  margin-bottom: 10px;

}

.banner .hd ul li {

  background: #478beb;

  cursor: pointer;

  display: inline-block;

  *display: inline;

  zoom: 1;

  width: 42px;

  height: 11px;

  margin: 1px;

  overflow: hidden;

  *filter: alpha(opacity=50);

  *opacity: .5;

  line-height: 999px;

}

.banner .hd ul .on {

  background: #154fa2;

}

.banner .prev,

.banner .next {

  display: block;

  position: absolute;

  top: 50%;

  margin-top: -30px;

  left: 15%;

  z-index: 1;

  width: 40px;

  height: 60px;

  background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;

  cursor: pointer;

  *filter: alpha(opacity=50);

  *opacity: .5;

  display: none;

}

.banner .next {

  left: auto;

  right: 15%;

  background-position: -6px -137px;

}



/*--product begin--*/

.product{height: 845px;margin-top:40px;}

.product .container{height: 845px;overflow: hidden;}

.product .container .product-b{width: 960px;float: right;}

.product .container .t{height: 40px;padding:10px 740px 0 20px;float: right;}

.product .container .t span{float: right;text-transform: uppercase;}

.product .container .t span a{color: #fff;}

.product .container .t h3{font-size: 18px;float: left;padding-right: 10px;}

.product .container .t .active{color: #1c72e7;font-weight: bold;}

.product .container .product-b .r-t{height: 232px;width: 957px;border:1px solid #dedede;}

.product .container .product-b .r-t-r{float: right;width: 600px;}

.product .container .product-b .r-t-r p{padding:13px 0 0 5px;font-size: 18px;}

.product .container .product-b .r-t-r p a{color: #1c72e7;}

.product .container .product-b .r-t-r span{font-size: 16px;padding:10px 0 0 5px;}

.product .container .product-b .r-t-r em{width: 600px;height: 100px;overflow: hidden;line-height: 25px;color: #999;display: block;padding:5px 0 0 5px;}

.product .container .product-b .r-t-r h3{width: 120px;height: 40px;border-radius: 5px;text-align: center;line-height: 40px;float: left;margin:15px 15px 0 0;

  font-size: 14px;background: #f8f8f8;}

.product .container .product-b .r-t-r h3:hover{background: #12cc61;}

.product .container .product-b .r-t-r h3:hover a{color: #fff;}

.product .container .product-b .r-t-l img{width: 320px;height: 232px;}

.product .container .product-b .r-b{width: 960px;margin-top:12px;}

.product .container .product-b .r-b li{width: 217px;height: 240px;float: left;margin-right: 30px;margin-bottom: 40px;

                                    transition: transform 0.5s;}

.product .container .product-b .r-b li img{width: 217px;height: 240px;}
.product .container .product-b .r-b li:hover{transform:scale(1.05,1.05);}

.product .container .product-b .r-b li:nth-child(4){margin-right: 0px;}

.product .container .product-b .r-b li:nth-child(8){margin-right: 0px;}

.product .container .product-b .r-b li p{height: 30px;width: 217px;line-height: 30px;text-align: center;}

.product .container .p-l{width: 190px;height: 845px;background: url(../images/28.jpg) no-repeat;}

.product .container .p-l .title h3{font-size: 24px;font-weight: bold;color: #fff;padding:25px 0 0 40px;}

.product .container .p-l .title h3 a{color: #fff;}

.product .container .p-l .p-o:nth-child(2){margin-top: 50px;}

.product .container .p-l .p-o:nth-child(3){margin-top: 0px;}

.product .container .p-l .p-o:nth-child(4){margin-top: 0px;height: 132px;overflow: hidden;}



.product .container .p-l .p-o h3{width: 160px;height: 38px;text-align: center;line-height: 38px;

  background: #1c72e7;border-radius: 5px;font-size: 16px;margin:0 auto;}

.product .container .p-l .p-o h3 a{color: #fff;}

.product .container .p-l .p-o li{background: url(../images/06.jpg) no-repeat 30px 0px;padding-left:62px;height:30px;

                                overflow: hidden;line-height: 25px;white-space: nowrap;width: 116px;text-overflow: ellipsis;  }

.product .container .p-l .p-o li:nth-child(1){margin-top: 10px;}

.product .container .p-l .p-o li a{color: #333;text-align: center;}

.product .container .p-l .p-o:nth-child(2) h3{width: 160px;height: 38px;margin:0 auto;text-align: center;line-height: 38px;

  background: #1c72e7;border-radius: 5px;font-size: 16px;}

.product .container .p-l .p-o:nth-child(2) h3 a{color: #fff;}

.product .container .p-l .p-o:nth-child(2) li{background: url(../images/06.jpg) no-repeat 30px 2px;padding-left: 60px;height: 40px;}

.product .container .p-l .p-o:nth-child(2) li a{color: #333;text-align: center;}

.product .container .p-l .p-o:nth-child(3) h3{width: 160px;height: 38px;margin:0 auto;text-align: center;line-height: 38px;

  background: #1c72e7;border-radius: 5px;font-size: 16px;}

.product .container .p-l .p-o:nth-child(3) h3 a{color: #fff;}

.product .container .p-l .p-o:nth-child(3) li{background: url(../images/06.jpg) no-repeat 30px 2px;padding-left: 60px;height: 40px;}

.product .container .p-l .p-o:nth-child(3) li a{color: #333;text-align: center;}

/*--product end--*/

/*--wenti begin--*/

.wenti{height: 520px;margin-top: 30px;background: url(../images/07.jpg) no-repeat center 0;padding-top:24px;}

.wenti .container{position: relative;}

.wenti .container .title h3{font-size: 24px;text-align: center;font-weight: bold;}

.wenti .container .title h3 span{font-size: 24px;font-weight: bold;color: #1c72e7;display: inline-block;}

.wenti .container li:nth-child(1){position: absolute;top:170px;left: 20px;}

.wenti .container li:nth-child(2){position: absolute;top:170px;left: 840px;}

.wenti .container li:nth-child(3){position: absolute;top:366px;left: 20px;}

.wenti .container li:nth-child(4){position: absolute;top:366px;left: 850px;}

.wenti .container li{color: #fff;}

.wenti .container li span{color: #fff;font-weight: bold;font-size: 16px;display: inline-block;}

.wenti .container img{width: 230px;height: 230px;border-radius: 50%;position: absolute;top:156px;left: 463px;}

/*--wenti end--*/

/*--tantou begin--*/

.tantou{height: 230px;background: url(../images/30.jpg) no-repeat center;}

.tantou .container{position: relative;}

.tantou .container .r{width: 240px;float: right;}

.tantou .container .r p{color: #428ee5;padding:90px 0 0 10px;}

.tantou .container .r span{font-size: 26px;color: #fff;}

.tantou .container .r h3{float: left;width: 100px;height: 34px;border-radius:5px;background: #f8f8f8;font-size: 14px;

  text-align: center;line-height: 32px;margin-right: 13px;}

.tantou .container .r h3 a{color: #333;}

.tantou .container .l p{font-size: 18px;color: #fff;padding:90px 0 0 420px;}

.tantou .container .l span{font-size: 22px;color: #fff;padding:10px 0 0 450px;font-weight: bold;display: block;}

.tantou .container .l em{display: block;width: 30px;line-height: 36px;position: absolute;top:6px;

  left: 330px;font-size: 26px;color: #fff;}

.tantou .container .r h3:hover {background: #12cc61;}

.tantou .container .r h3:hover a{color: #fff;}

/*--tantou end--*/

/*--case begin--*/

.case{height: 250px;}

.case .container{position: relative;}

.case .container .title{background: url(../images/31.png) no-repeat;width: 240px;height: 440px;position: absolute;left: 0px;top:-170px;}

.case .container .title p{width: 26px;color: #fff;position: absolute;top:72px;left: 158px;line-height: 16px;}

.case .container .title h3{width: 20px;color: #fff;position: absolute;top:155px;left: 110px;font-size: 24px;}

.case .container .title span{position: absolute;top:70px;left: 60px;background: url(../images/32.jpg) no-repeat;width: 32px;height: 315px;}

.case .container ul{position: absolute;left: 270px;top:20px;}

.case .container li{width: 407px;height: 280px;float: right;margin-right: 30px;}

.case .container li p{width: 407px;height: 220px;transition: transform 0.5s;}

.case .container li p img{width: 407px;height: 220px;}
.case .container li p:hover{transform: scale(1.05,1.05);}

.case .container li span{width: 407px;height:30px;text-align: center;line-height: 30px;background: rgba(255,255,255,0.9);

font-size: 16px;display: block;}

.case .container .c-b{padding-left:300px;height: 280px;overflow: hidden;}

/*--case end--*/

/*--youshi begin--*/

.youshi{margin-top:60px;height: 736px;background: url(../images/34.jpg) no-repeat center 170px;}

.youshi .container{position: relative;}

.youshi .container .title{width: 1180px;height: 163px;}

.youshi .container .title h3{color: #fff;text-align: center;padding-top:55px;}

.youshi .container .title span{color: #88b6f4;text-align: center;display: block;padding-top: 8px;}

.youshi .container ul{margin-top: 20px;}

.youshi .container li:nth-child(1) span{background: url(../images/10.jpg) no-repeat;width: 39px;height: 39px;position: absolute;

top:262px;left: 22px;}

.youshi .container li:nth-child(1) p{font-size: 20px;position: absolute;top:292px;left: 20px;}

.youshi .container li:nth-child(1) em{line-height: 25px;display: block;color: #999;width: 295px;position: absolute;left: 20px;top:333px;}

.youshi .container li:nth-child(1) h3{font-size: 36px;color: ;position: absolute;top:274px;left: 350px;color: #fff;}



.youshi .container li:nth-child(2) span{background: url(../images/11.jpg) no-repeat;width: 39px;height: 39px;position: absolute;

top:280px;left:909px;}

.youshi .container li:nth-child(2) p{font-size: 20px;position: absolute;top:315px;left:910px;}

.youshi .container li:nth-child(2) em{line-height: 25px;display: block;color: #999;width: 295px;position: absolute;left:910px;top:356px;}

.youshi .container li:nth-child(2) h3{font-size: 36px;color: ;position: absolute;top:280px;left: 799px;color: #fff;}



.youshi .container li:nth-child(3) span{background: url(../images/13.jpg) no-repeat;width: 39px;height: 39px;position: absolute;

top:590px;left:24px;}

.youshi .container li:nth-child(3) p{font-size: 20px;position: absolute;top:623px;left: 23px;}

.youshi .container li:nth-child(3) em{line-height: 25px;display: block;color: #999;width: 295px;position: absolute;left: 23px;top:668px;}

.youshi .container li:nth-child(3) h3{font-size: 36px;color: ;position: absolute;top:600px;left:349px;color: #fff;}



.youshi .container li:nth-child(4) span{background: url(../images/14.jpg) no-repeat;width: 39px;height: 39px;position: absolute;

top:600px;left: 910px;}

.youshi .container li:nth-child(4) p{font-size: 20px;position: absolute;top:630px;left:910px;}

.youshi .container li:nth-child(4) em{line-height: 25px;display: block;color: #999;width: 295px;position: absolute;left: 910px;top:675px;}

.youshi .container li:nth-child(4) h3{font-size: 36px;color: ;position: absolute;top:602px;left: 799px;color: #fff;}

.youshi .container ul img{width: 336px;height: 252px;position: absolute;top:343px;left:422px; }

/*--youshi end--*/

/*--wintess begin--*/

.wintess{height: 430px;margin-top: 70px;}

.wintess .container .title{height: 70px;background: url(../images/04.jpg) no-repeat center;}

.wintess .container .title h3{float: left;font-size: 24px;padding:11px 0 0 437px;color: #fff;}

.wintess .container .title span{text-transform: uppercase;color: #999;padding:5px 0 0 600px;display: block;}

.wintess .container .title p{color: #666;padding-left: 600px;}

.wintess .container li{float: left;width: 368px;background: url(../images/15.jpg) no-repeat;margin-right:38px;}

.wintess .container li h3{font-size: 18px;text-align: center;width: 310px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 30px;padding-left: 30px;}

.wintess .container li p{width: 328px;line-height: 25px;color: #999;text-align: center;padding: 10px 0 10px 18px;height: 95px;overflow: hidden;}

.wintess .container .pic li .pic-b h5 a{width: 98px;height: 98px;border-radius: 50%;border:1px #ccc dashed;display: block;}

.wintess .container li a img{width: 80px;height: 80px;border-radius: 50%;margin:0 auto;margin-top: 10px;display: block;}

.wintess .container li .pic-b span{font-size: 16px;width: 128px;display: block;
                                     height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.wintess .container li .pic-b h4{color: #096bd2;padding:0 0 0 7px;}

.wintess .container li:nth-child(3){margin-right: 0px;}

.wintess .container .pic li .pic-b h5{float: right;margin:-10px 100px 10px 0px;}

.wintess .container .pic li .pic-b{margin:90px 10px;}

/*--wintess end--*/

/*--tantou2 begin--*/

.tantou2{height: 246px;margin-top:50px;background: url(../images/36.jpg) no-repeat center;}

.tantou2 .container .t-r{float: right;width: 240px;}

.tantou2 .container .t-r p{font-size: 30px;color: #fff;background: url(../images/16.jpg) no-repeat -4px 56px;

  padding-left:40px;padding-top:50px;

}

.tantou2 .container .t-r h3{font-size: 16px;width: 156px;height: 36px;line-height: 36px;text-align: center;

  background: #12cc61;margin: 14px 0 0 5px;cursor: pointer;}

.tantou2 .container .t-r h3 a{color: #fff;}

.tantou2 .container em{font-weight: bold;font-size: 20px;color: #fff;padding:100px 0 0 260px;display: block;}

.tantou2 .container span{font-size: 16px;color: #fff;padding:10px 0 0 360px;display: block;}

/*--tantou2 end--*/

/*--flow begin--*/

.flow{height: 290px;margin-top: 30px;}

.flow .container{position: relative;}.flow .container .title{height: 90px;background: url(../images/04.jpg) no-repeat center;}

.flow .container .title h3{float: left;font-size: 24px;padding:21px 0 0 437px;color: #fff;}

.flow .container .title span{text-transform: uppercase;color: #999;padding:20px 0 0 600px;display: block;}

.flow .container .title p{color: #666;padding-left: 600px;}

.flow .container li{float: left;width: 185px;height: 220px;position: relative;margin-right: 14px;}

.flow .container li:nth-child(6){margin-right: 0px;}

.flow .container li:nth-child(1),.flow .container li:nth-child(3),.flow .container li:nth-child(5){background: url(../images/38.jpg) no-repeat 0px 96px;}

.flow .container li:nth-child(2),.flow .container li:nth-child(4),.flow .container li:nth-child(6){background: url(../images/37.jpg) no-repeat 0px 5px;}

.flow .container li h3{font-size: 18px;text-align: center;} 

.flow .container li:nth-child(2) h3,.flow .container li:nth-child(4) h3,.flow .container li:nth-child(6) h3{padding-top:120px;}

.flow .container li p{width: 187px;height: 58px;line-height: 25px;color: #999;}

.flow .container li:nth-child(1) img{width: 20px;height: 18px;position: absolute;top:168px;left: 80px}

.flow .container li:nth-child(2) img{width: 26px;height: 23px;position: absolute;top:22px;left: 78px}

.flow .container li:nth-child(3) img{width: 23px;height: 22px;position: absolute;top:165px;left: 78px}

.flow .container li:nth-child(4) img{width: 21px;height: 22px;position: absolute;top:26px;left: 80px}

.flow .container li:nth-child(5) img{width: 24px;height: 19px;position: absolute;top:168px;left: 78px}

.flow .container li:nth-child(6) img{width: 22px;height: 22px;position: absolute;top:26px;left:79px}

/*--flow end--*/

/*--about begin--*/

.about{height: 360px;margin-top: 40px;background: url(../images/23.jpg) no-repeat;}

.about .container .a-r{float:right;}

.about .container .a-r ul{padding-top: 30px;}

.about .container .a-r ul li{margin-top: 10px;width: 126px;height: 50px;background: #fff;cursor: pointer;}

.about .container .a-r ul li:hover{background: #12cc61;}
.about .container .a-r ul li:hover p a{color: #fff;}

.about .container .a-r ul li:hover span{color: #fff;}

.about .container .a-r ul li p{font-size: 16px;text-align:center;padding:5px 0 0 0;}

.about .container .a-r ul li span{font-size: 10px;text-align:center;padding:5px 0 0 0;display: block;color: #ccc;text-transform:uppercase;}

.about .container .a-l p{font-size: 24px;padding-top:30px;}

.about .container .a-l p a{color: #fff;}

.about .container .a-l h3{font-size: 14px;text-transform:uppercase;color: #3a89e3;}

.about .container .a-l span{line-height: 25px;width: 444px;height: 174px;overflow: hidden;

  line-height: 25px;padding-top:20px;display: block;color: #fff;}

.about .container .a-l img{width: 490px;height: 300px;float: right;padding-right: 25px;}

/*--about end--*/



/*--news begin--*/

.news{height: 530px;margin-top: 40px;}
.news .container .n-r{width: 387px;float: right;height: 530px;border:1px solid #dedede;}
.news .container .n-r .title{height: 50px;background: #dedede;}
.news .container .n-r .title h3{width: 130px;height: 50px;background: #2989e7;line-height: 50px;text-align: center;}
.news .container .n-r .title h3 a{color: #fff;}
.news .container .n-r li{border-bottom: 1px dashed #dedede;height: 111px;}
.news .container .n-r li p{width: 340px;height:31px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
background: url(../images/45.jpg) no-repeat 10px 10px;padding:14px 0 0 48px;}
.news .container .n-r li span{width: 340px;height: 45px;overflow: hidden;
background: url(../images/46.jpg) no-repeat 10px 0px;display: block;color: #999;padding:4px 0 0 46px;}
.news .container .n-r li:nth-child(1){margin-top: 10px;}
.news .container .n-l{width: 752px;height: 530px;border: 1px solid #dedede;}
.news .container .n-l .t{height: 50px;background: #dedede;}
.news .container .n-l .t h3{width: 130px;height: 50px;line-height: 50px;text-align: center;float: left;}
.news .container .n-l .t h3 a{width: 130px;height: 50px;line-height: 50px;text-align: center;display: block;}
.news .container .n-c{height: 176px;padding-top: 10px;}
.news .container .n-c .r{width: 430px;float: right;padding-right: 20px;}
.news .container .n-c .r span{width: 430px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
font-size: 16px;padding-top: 16px;display: block;}
.news .container .n-c .r p{height: 107px;line-height: 25px;color: #999;padding-top: 13px;overflow: hidden;}
.news .container .n-c img{width: 260px;height: 165px;margin:0 10px;}
.news .container .n-b li{width: 340px;float: left;height: 50px;margin-right: 36px;}
.news .container .n-b li p{float: right;color: #666;}
.news .container .n-b li span{width: 230px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
  background: url(../images/44.jpg) no-repeat -2px 3px;padding-left: 20px;display: block;
}
.news .container .n-l .t .active a{background: #2989e7;color: #fff;}

/*--news end--*/

/*--------------------------------新闻  begin----------------------*/



/*--------------------------------新闻  begin----------------------*/







/*--------------------------友链  begin--------------------------------*/

.link{height: 80px;background: url(../images/24.jpg) no-repeat 360px 12px;margin-top: 30px;}

.link .container{height: 55px;line-height: 55px;}

.link .container ul{width: 1180px;height: 64px;}

.link .container li{float: left;padding-left: 66px;}

.link .container li:nth-child(1){padding-left: 100px;}

/*-------------------------友链 end--------------------------------*/